@extends('layouts.header')
@section('title','短信列表')
@section('content')
    <nav class="breadcrumb"><i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 基础信息 <span class="c-gray en">&gt;</span> 到期短信通知
        <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);"
           title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
    </nav>
    <div class="page-container">
        <div class="cl pd-5 bg-1 bk-gray">
            <span class="">
{{--                <a href="javascript:;" onclick="add('添加微信通知规则','/{{config('constant.name_admin')}}/notice/sms/add','','430')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 添加微信通知规则</a>--}}
                <a href="javascript:;" onclick="layer_show('短信设置','/{{config('constant.name_admin')}}/notice/sms/set')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe62e;</i> 短信设置 </a>
                <a href="javascript:;" onclick="layer_show('购买记录','/{{config('constant.name_admin')}}/notice/sms/buy/index')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe667;</i> 查看购买记录 </a>
{{--                <a href="javascript:;" onclick="layer_show('短信签名','/{{config('constant.name_admin')}}/notice/sms/sign/index')" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe667;</i> 查看短信签名 </a>--}}
                <span class="ml-10">可用短信：{{$data['setting_sms']['count']}}条</span>
                <span class="ml-10">发送中：{{$data['sending_count']}}条</span>
            </span>
        </div>
        <div class="mt-20">
            <table class="table table-border table-bordered table-hover table-bg table-responsive" id="datatable">
                <thead>
                <tr class="text-c">
                    <th>送检单位</th>
                    <th>手机号</th>
                    <th>通知内容</th>
                    <th>发送状态</th>
                    <th>发送日期</th>
                    <th>操作</th>
                </tr>
                </thead>
            </table>
        </div>
    </div>


    <script type="text/javascript">
        var table;
        $(function () {
            $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
            table = $('#datatable').DataTable({
                //order: [[ 6, 'desc' ]],//默认第几个排序
                ordering: false, // 是否排序
                // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
                // "stateDuration": -1,//仅保留当前会话的数据
                // "paging":false, //禁用分页
                // "info":false, //禁用分页详情
                // serverSide: true,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
                // responsive: true,//响应式，需要插件
                // fixedHeader: true,//表头固定，需要插件
                // autoWidth: false,
                "deferRender": true,//延迟渲染速度
                ajax: "/{{config('constant.name_admin')}}/notice/sms/index",
                processing: true,//加载数据时候是否显示进度条
                language: {url: '/admin/lib/datatables/dataTables_Chinese_Lang.json'},
                /* createdRow : function( row, data, dataIndex ) {
                    //当tr元素被创建（所有的td元素已经插入进去），或者给tr绑定事件，该回调函数被执行
                    $(row).addClass( 'text-c' );
                },
                initComplete : function (settings, json) {
                    //当表格完成加载绘制完成后执行此方法
                    // $(row).addClass( 'text-c' );
                    // alert(111);
                }, */
                columns: [
                    {data: "client_name", class: "text-c"},
                    {data: "mobile", class: "text-c"},
                    {data: 'content', class: "text-c"},
                    {
                        data: 'status', class: "text-c", render: function (data, type, row, meta) {
                            let str = '<span class=" ';
                            switch (data) {
                                case 1:
                                    str += 'c-primary   "> 发送中';
                                    break;
                                case 2:
                                    str += 'c-warning  "> 发送失败';
                                    break;
                                case 3:
                                    str += ' "> 发送成功';
                                    break;
                                default:
                                    str += 'c-warning  "> 未知';
                            }
                            str += '</a>';
                            return str;
                        },
                    },
                    {data: "send_date", class: "text-c"},
                    {
                        data: null, class: "text-l", render: function (data, type, row, meta) {
                            let str = '<a class="btn btn-primary radius size-MINI" data-id="' + row.id + '" id="showDetail">发送详请</a> ';
                            if (row.status == 2) {
                                str += '<a class="btn btn-danger radius size-MINI" onclick="del(' + row.id + ')">删除</a> ';
                                @if(isAdmin())
                                str += '<a class="btn btn-warning radius size-MINI" onclick="sendOne(' + row.id + ')">重新发送</a> ';
                                @endif
                            }
                            return str;
                        },
                    },
                ]
            });

            /*  draw  在表格完成绘制后触发*/
            table.on('draw', function () {
                var info = table.page.info();
                //如果最后一页仅剩一条记录，而且不是在第一页
                if ((info.start == info.end) && info.end > 1) {
                    //跳转到上一页
                    $('#datatable_previous').click();
                }
            });
        });

        /*重新发送*/
        function sendOne(id) {
            ajax('post','sendOne',{id:id})
        }

        /*表格重新加载*/
        function table_reload(bool) {
            //清除表头 CheckBox的对勾
            // $("#datatable").find("thead").find("input[type=checkbox]").removeAttr('checked');
            if (bool) {
                //true时，跳到第一页
                table.ajax.reload();
            }
            else {
                //false时，停留在原来页
                table.ajax.reload(null, false);
            }
        }

        /*微信通知规则 添加*/
        function add(title, url, w, h) {
            layer_show(title, url, w, h);
        }


        $(document).on('click', '#showDetail', function () {
            let id = $(this).attr('data-id'), title = '短信发送详情', url = 'detail/' + id;
            layer_show(title, url,950,500);
        });

        /*删除*/
        function del(id) {
            var index2;

            layer.confirm('确认要删除吗？', {title: '信息', icon: 3}, function (index) {
                $.ajax({
                    type: 'GET',
                    url: '/{{config('constant.name_admin')}}/notice/sms/del' + '?id=' + id,
                    // dataType: 'json',
                    success: function (data) {
                        // console.log(data);
                        if (data === '1') {
                            table_reload(0);//0停留在当前页，1回到第一页
                            layer.msg('删除成功!', {icon: 1, time: 2000});
                        }
                        else {
                            layer.msg('删除失败!', {icon: 2, time: 2000});
                        }
                    },
                    error: function (data) {
                        ajax_error(data);
                    },
                    beforeSend: function () {
                        //0.4透明度 白色遮罩
                        index2 = layer.load(2, {shade: [0.05, '#000']});
                    },
                    complete: function () {
                        layer.close(index2);
                    },
                });
            });
        }


    </script>
@endsection
